/* For development
.root *:focused {
    -fx-border-width: 1;
    -fx-border-color: red;
}
*/

.root:light, .root:dark {
    -fx-background-color: transparent;
}

.store-layout .split-pane-divider {
    -fx-background-color: transparent;
}

.edit-button.icon-button-comp {
    -fx-background-radius: 4px;
    -fx-border-width: 1px;
    -fx-border-radius: 4px;
    -fx-padding: 5px;
    -fx-background-color: -color-bg-default-transparent;
    -fx-border-color: -color-neutral-emphasis;
}

.edit-button.icon-button-comp:hover, .root:key-navigation .edit-button.icon-button-comp:focused {
    -fx-background-color: -color-accent-muted;
}

.scan-list {
    -fx-background-radius: 4px;
    -fx-border-width: 1;
    -fx-border-radius: 4px;
    -fx-padding: 1px;
    -fx-background-color: -color-bg-default-transparent;
    -fx-border-color: -color-neutral-emphasis;
}

.scan-list .list-content {
    -fx-padding: 0.7em 1px 1em 1em;
}

.root:windows .text {
    -fx-font-smoothing-type: gray;
}

.root:linux .text {
    -fx-font-smoothing-type: lcd;
}

.radio-button {
    -fx-background-color: transparent;
}

.icon-button-comp {
    -fx-padding: 0.05em;
}

.root:key-navigation .icon-button-comp:focused {
    -fx-background-color: -color-accent-muted;
}

.scroll-pane {
    -fx-background-color: transparent;
}

.root:light .loading-comp {
    -fx-background-color: rgba(100, 100, 100, 0.3);
}

.root:dark .loading-comp {
    -fx-background-color: rgba(0, 0, 0, 0.4);
}

.icon-browser {
    -fx-border-color: transparent;
    -color-cell-border: transparent;
}

.icon-browser .column-header-background {
    -fx-max-height: 0;
    -fx-pref-height: 0;
    -fx-min-height: 0;
}

.icon-browser .table-row-cell {
    -fx-cell-size: 80px;
    -fx-background-color: transparent;
}

.icon-browser .table-row-cell .icon-label {
    -fx-padding: 15 0;
    -fx-cursor: hand;
}

.intro .button {
    -fx-padding: 6 10;
}

.error-overlay-comp {
    -fx-font-size: 0.9em;
}

.store-creator > .choice-comp {
    -fx-opacity: 0.9;
}

.store-creator > .choice-comp * {
    -fx-opacity: 1.0;
}

.store-creator .combo-box:disabled .arrow {
    -fx-background-color: transparent;
}

.store-creator .store-creator-options {
    -fx-padding: -5 4 0 5;
}

.icon-button-comp.batch-mode-button {
    -fx-border-radius: 3;
    -fx-background-radius: 3;
    -fx-focus-color: transparent;
    -fx-background-insets: 0;
    -fx-border-width: 1;
    -fx-border-color: -color-fg-subtle;
}

.root:nord .icon-button-comp.batch-mode-button {
    -fx-border-radius: 0;
    -fx-background-radius: 0;
}

.batch-mode-button .ikonli-font-icon {
    -fx-icon-color: -color-fg-default;
}

.batch-mode-button:active .ikonli-font-icon {
    -fx-icon-color: -color-accent-emphasis;
}

.root:pretty:light .store-active-comp .dot {
    -fx-fill: radial-gradient(radius 180%, rgb(30, 180, 30, 0.6), rgb(20, 120, 20, 0.65), rgb(37, 200, 37, 0.6));
}

.root:performance:light .store-active-comp .dot {
    -fx-fill: rgb(30, 180, 30, 0.6);
}

.root:pretty:dark .store-active-comp .dot {
    -fx-fill: radial-gradient(radius 180%, rgb(30, 180, 30, 0.8), rgb(20, 120, 20, 0.85), rgb(37, 200, 37, 0.8));
}

.root:performance:dark .store-active-comp .dot {
    -fx-fill: rgb(30, 180, 30, 0.7);
}

.toggle-group-comp .toggle-button {
    -fx-padding: 3 10;
}

.root .toggle-group-comp:disabled .toggle-button:disabled {
    -fx-opacity: 0.6;
}

.toggle-group-comp .toggle-button:disabled {
    -fx-opacity: 1.0;
}

.root .ikonli-font-icon.graphic.supported {
    -fx-icon-color: -color-success-fg;
}

.root .ikonli-font-icon.graphic.unsupported {
    -fx-icon-color: -color-warning-fg;
}

.root .ikonli-font-icon.graphic.error {
    -fx-icon-color: -color-danger-fg;
}

.ikonli-font-icon {
    -fx-icon-color: -color-fg-default;
    -fx-fill: -color-fg-default;
}

.button.accent .ikonli-font-icon {
    -fx-icon-color: -color-button-fg;
}

.button:default, .button.accent {
    -color-button-bg-focused: -color-accent-subtle;
}

.creation-menu.menu-button .separator {
    -fx-padding: 2 0;
}

.loading-text {
    -fx-font-family: Roboto;
}

